import React from 'react';
import { Box } from '@mui/material';
import Tooltip from './Tooltip';
import { ArrowRightIcon } from './NetPyNEIcons';

interface NetPyNEHomeProps {
  handleClick: () => void;
  selection?: boolean | string;
}

const NetPyNEHome: React.FC<NetPyNEHomeProps> = ({ handleClick, selection }) => {
  return (
    <Box
      sx={{
        display: 'flex',
        alignItems: 'center',
      }}
    >
      <Tooltip title={selection ? 'Unselect' : ''} placement="top">
        <Box
          onClick={(event) => {
            event.stopPropagation();
            handleClick();
          }}
          sx={{ cursor: 'pointer' }}
        >
          <ArrowRightIcon color="primary" />
        </Box>
      </Tooltip>
      <ArrowRightIcon fontSize="inherit" className="breadcrumb-spacer" color="inherit" />
    </Box>
  );
};

export default NetPyNEHome;

